<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eason's 巡演</title>
    <!-- 引入css文件 -->
    <link rel="stylesheet" href="../CSS/base.css">
    <link rel="stylesheet" href="../CSS/tour.css">
    <link rel="stylesheet" href="../mouse.css">
    <link rel="stylesheet" href="../CSS/commonhead.css">
    <!-- 引入js文件 -->


</head>

<body>
    <script src="../JS/commonhead.js"></script>

    <div class="cursor"></div>
    <div class="w">

        <!-- 左上角英文页面名字 -->
        <div class="tour-lf_angle">
            <img src="" alt="">
        </div>

        <div class="back">
            <!-- 左边的演唱会信息 -->
            <div class="back-left">

                <ul class="back-left_ul">
                    <li class="back-left_li">
                        <a href="javascript:;">
                            <h1 style="font-size: 32px;">触感·色彩共融慈善
                                <br>
                                音乐会
                            </h1>
                            <h2>2021-11-23</h2>
                            <h3>中国香港</h3>
                        </a>
                    </li>
                    <li class="back-left_li">
                        <a href="javascript:;">
                            <h1 style="font-size:28px; ">Live is so much better <br>
                                with Music Eason Chan <br>
                                Charity Concert</h1>

                            <h2>2020-07-11</h2>
                            <h3>中国香港<br>
                                (线上)
                            </h3>
                        </a>
                    </li>
                    <li class="back-left_li">
                        <a href="javascript:;">
                            <h1 style="font: size 32px; ">L.O.V.E is L.I.F.E</h1>

                            <h2>2018-10-27</h2>
                            <h3>中国香港</h3>
                        </a>
                    </li>
                </ul>

            </div>
            <!-- 买票按钮 -->
            <div class="ticket">
                <div class="cannot">
                    <img src="../Image/tour/cannot ticket.png " alt="">
                </div>
                <div class="can">
                    <img src="../Image/tour/can ticket.png " alt="">
                </div>
            </div>

            <!-- 中间的轮播图 -->
            <div class="back-center">
                <ul class="back-center_loop">
                    <li class="back-center_loop_li">
                        <a href="javascript:;"><img src="../Image/tour/弹窗/concert/concert 1-big.png " alt=""></a>
                    </li>
                    <li class="back-center_loop_li">
                        <a href="javascript:;"><img src="../Image/tour/弹窗/concert/concert 2-big.png" alt=""></a>
                    </li>
                    <li class="back-center_loop_li">
                        <a href="javascript:;"><img src="../Image/tour/弹窗/concert/concert 3-big.png" alt=""></a>
                    </li>



                </ul>
                <!-- 左右箭头 -->
                <div class="back-center_loop_al"></div>
                <div class="back-center_loop_ar"></div>
            </div>

            <!-- 右边图片 -->
            <div class="back-right">
                <ul class="back-right_img">
                    <li class="back-right_li">
                        <a href="JavaScript:;">
                            <img src="../Image/tour/弹窗/concert/concert 1-small.png" alt="Eason">
                        </a>
                    </li>
                    <li class="back-right_li">
                        <a href="JavaScript:;">
                            <img src="../Image/tour/弹窗/concert/concert 2-small.png" alt="Eason">
                        </a>
                    </li>
                    <li class="back-right_li">
                        <a href="JavaScript:;">
                            <img src="../Image/tour/弹窗/concert/concert 3-small.png" alt="Eason">
                        </a>
                    </li>

                </ul>
            </div>
            <!-- 右上角个人图标 -->
            <div class="back-rightangle">
                <img src="../Image/tour/head.png" alt="Eason">
            </div>
        </div>
        <!-- 买票 -->
        <div class="buy">
            <!-- 左上角照片 -->
            <div class="left-top">
                <img src="../Image/tour/弹窗/head2.png" alt="">
            </div>
            <div class="buy-c">
                <div class="buy-c-out">
                    <span class="span-head">场次</span>
                    <span class="span-c">2021-11-23 周二晚20:00</span>
                </div>

                <div class="buy-c-out">
                    <span class="span-head">场馆</span>
                    <span class="span-c">&nbsp; 中国香港 | 中环摩天轮 &nbsp;</span>
                </div>

                <div class="buy-c-out">
                    <span class="span-head">票档</span>
                    <span class="price">&nbsp;五层 | 780元&nbsp;</span>
                    <span class="price">&nbsp;四层 | 980元&nbsp;</span>
                    <span class="price">&nbsp;三层 | 1580元&nbsp;</span>
                    <span class="price price-under ">&nbsp;二层 | 1980元&nbsp;</span>
                    <span class="price ">&nbsp;一层 | 2580元&nbsp;</span>
                </div>
                <button class="submit">确认购买</button>
                <div class="attention">
                    <input type="checkbox">打开开票提醒，打开后将会通过手机号提醒开票时间
                </div>
            </div>
        </div>

    </div>
    <script src="../JS/footer.js"></script>

    <script src="../mouse.js"></script>
    <script src="../JS/arrow.js"></script>
    <script src="../JS/tour.js"></script>
</body>

</html>